<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/home.css">
</head>

<body>
    <!-- 头部 -->
    <div class="head container clearfix">
        <div class="fl head-logo">
            <a href="#"><img src="../imgs/logo.png" alt="加载失败"></a>
        </div>
        <div class="fl head-aff">
            <p>茶叶协会官网</p>
            <p>www.cha**ui.top</p>
        </div>
        <div class="fl head-nav">
            <ul class="clearfix">
                <li class="active"><a href="#">首页</a></li>
                <li><a href="about.html" target="_blank">关于我们</a>
                    <p class="nav-menu">
                        <a href="about.html" target="_blank">公司简介</a>
                        <a href="honor.html" target="_blank">荣誉资质</a>
                        <a href="culture.html" target="_blank">企业文化</a>
                        <a href="contact.html" target="_blank">联系我们</a>
                    </p>
                </li>


                <li><a href="product-list.html" target="_blank">产品中心</a>
                    <p class="nav-menu">
                        <a href="product-detail.html">乌龙茶系列</a>
                        <a href="#">花茶系列</a>
                        <a href="#">普洱系列</a>
                        <a href="#">茶食品系列</a>
                        <a href="#">茶月饼系列</a>
                        <a href="#">茶具系列</a>
                    </p>
                </li>

                <li><a href="news-list.html" target="_blank">新闻动态</a>
                    <p class="nav-menu">
                        <a href="#">公司新闻</a>
                        <a href="#">行业动态</a>
                        <a href="news-detail.html">媒体报道</a>
                        <a href="#">茶叶知识</a>
                    </p>
                </li>
                <li><a href="#">品牌简介</a></li>
                <li><a href="successful.html" target="_blank">合作交流</a>
                    <p class="nav-menu">
                        <a href="cooperation.html">合作介绍</a>
                        <a href="dispositional.html">意向提交</a>
                        <a href="successful.html">成功案例</a>
                        <a href="information.html">信息发布</a>
                    </p>
                </li>
            </ul>
        </div>
    </div>

    <!-- 身体 -->
    <div class="main">

        <div class="main-banner">
            <div class="banner-cont">

                <span class="banner-text">贵州绿茶&emsp;秀甲天下</span>
                <img src="../imgs/banner_bg.png" alt="加载失败" class="banner-bg">
                <img src="../imgs/1.png" alt="加载失败" class="banner-brand-bg">
                <p class="banner-brand">品牌</p>
                <p class="banner-lead">中国都市生活茶,引领生活新主张</p>
            </div>
            <img src="../imgs/3.png" alt="加载失败" class="banner-licon">
            <img src="../imgs/4.png" alt="加载失败" class="banner-ricon">
        </div>

        <div class="main-about">
            <div class="container">
                <h2>关于我们</h2>
                <p class="text">以建设有中国特色社会主义理论和“三个代表”重要思想为指导，坚持科学发展观，遵守国家法律法令和方针政策</p>
            </div>
            <div class="main-company">
                <div class="container company-a">
                    <div class="company-cont">
                        <h2>公司简介</h2>
                        <p class="company-enlish">COMPANY PROFILE</p>
                        <p class="company-content">
                            某某省茶叶协会，其前身系1996年10月成立的某某省食品工业协会茶叶分会。后经某某省民政厅批准，于2006年10月18日正式成立为某某省茶叶协会。某某省茶叶协会是全省茶行业的企业、事业单位和茶业工作者及省外茶商自愿参加组建成立的社会团体。
                        </p>
                        <p class="company-content">
                            本协会宗旨是：以建设有中国特色社会主义理论和“三个代表”重要思想为指导，坚持科学发展观，遵守国家法律法令和方针政策。热忱为茶农、茶企、茶叶工作者和会员服务，维护本行业的合法权益，为各级政府制定发展茶产业政策当好参谋和助手，为促进茶产业的发展发挥桥梁纽带作用。某某省茶叶协会的主管部门是某某省供销社，协会是在某某省民政厅的指导和监督下开展工作的社团组织，现有团体会员166个，个人会员156名。
                        </p>
                        <button><a href="about.html" target="_blank">了解更多</a></button>
                    </div>
                </div>
            </div>
        </div>

        <div class="main-successful">
            <div class="container">
                <h2>成功案例</h2>
                <p class="text">以建设有中国特色社会主义理论和“三个代表”重要思想为指导，坚持科学发展观，遵守国家法律法令和方针政策</p>
            </div>
            <div>
                <div class="successful-act container">
                    <ul class="clearfix">
                        <li>
                            <a class="act-licon">&lt;</a>
                            <img src="../imgs/13.jpg" alt="加载失败">
                            <p class="act-sketch">绿茶茶渣做枕可助眠</p>
                            <p class="act-exp">泡过的茶怎么办？扔之可惜，但又有什么用处呢？山国饮艺茗茶的茶师林师傅表示，其实用它来装枕头也是个不错</p>
                        </li>

                        <li>
                            <img src="../imgs/8.jpg" alt="加载失败">
                            <p class="act-sketch">简述茶叶8大养生功效</p>
                            <p class="act-exp">软化血管：茶水可使血管中血清胆固醇和纤维蛋白含量降低，从而降低血脂，软化血管。</p>
                        </li>

                        <li>
                            <a class="act-ricon">&gt;</a>
                            <img src="../imgs/22.jpg" alt="加载失败">
                            <p class="act-sketch">简述茶叶8大养生功效</p>
                            <p class="act-exp">(1)软化血管：茶水可使血管中血清胆固醇和纤维蛋白含量降低，从而降低血脂，软化血管。</p>
                        </li>
                    </ul>
                    <button><a href="successful.html" target="_blank">了解更多</a></button>
                </div>
            </div>
        </div>

        <div class="main-mj">
            <div class="container">
                <div class="mj-cont">
                    <p class="mj-headline">茶叶毛尖<span class="mj-brand">品牌</span></p>
                    <p class="mj-text">以建设有中国特色社会主义理论和“三个代表”重要思想为指导，坚持科学发展观，遵守国家法律法令和方针政策</p>
                </div>
                <div class="mj-zs">
                    <ul class="clearfix">
                        <li>
                            <img src="../imgs/cha.jpg" alt="加载失败">
                            <p class="mj-ja">【茶叶毛尖简介】</p>
                            <p class="mj-jb">
                                其前身系1996年10月成立的某某省食品工业协会茶叶分会。后经某某省民政厅批准，于2006年10月18日正式成立为某某省茶叶协会。某某省茶叶协会是全省茶行业的企业</p>
                        </li>
                        <li>
                            <img src="../imgs/cha.jpg" alt="加载失败">
                            <p class="mj-ja">【茶叶毛尖价值】</p>
                            <p class="mj-jb">
                                茶中的茶多酚和鞣酸作用于细菌，能凝固细菌的蛋白质，将细菌杀死。可用于治疗肠道疾病，如霍乱、伤寒、痢疾、肠炎等。皮肤生疮、溃烂流脓，外伤破了皮</p>
                        </li>
                        <li>
                            <img src="../imgs/cha.jpg" alt="加载失败">
                            <p class="mj-ja">【茶叶毛尖历史】</p>
                            <p class="mj-jb">
                                唐代茶经的作者陆羽，在文中将荼字减一画而写成“茶”，因此有人说茶起源于唐代。但实际上这只是文字的简化，而且在汉代就已经有人用茶字了。</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="main-pro">
            <div class="pro-cont">
                <div class="container">
                    <h2>产品中心</h2>
                    <p class="text">以建设有中国特色社会主义理论和“三个代表”重要思想为指导，坚持科学发展观，遵守国家法律法令和方针政策</p>
                </div>
            </div>
            <div class="pro-list container">
                <ul class="clearfix">
                    <li>
                        <img src="../imgs/76.jpg" alt="加载失败" class="pro-list-img">
                        <p class="pro-btext">某某熟普洱茶饼黑茶饼特级茶叶</p>
                        <p class="pro-stext">普洱熟茶是用某某县特有的青毛茶为材料，经过发酵等各种工艺加工</p>
                    </li>

                    <li>
                        <img src="../imgs/79.jpg" alt="加载失败" class="pro-list-img">
                        <p class="pro-btext">某某生普洱茶饼特级古树黑茶</p>
                        <p class="pro-stext">普洱生茶是用某某县特有的青毛茶为材料，经过各种工艺加工制作而</p>
                    </li>

                    <li>
                        <img src="../imgs/77.jpg" alt="加载失败" class="pro-list-img">
                        <p class="pro-btext">某某生普洱茶饼月光仙子白茶饼</p>
                        <p class="pro-stext">此款月光仙子只采月光白单片芽头百里挑一。这种茶外形肥壮，白毫</p>
                    </li>

                    <li>
                        <img src="../imgs/78.jpg" alt="加载失败" class="pro-list-img">
                        <p class="pro-btext">某某熟普洱茶饼黑茶特级茶叶</p>
                        <p class="pro-stext">普洱熟茶是用某某县特有的青毛茶为材料，经过发酵等各种工艺加工</p>
                    </li>

                    <li>
                        <img src="../imgs/80.jpg" alt="加载失败" class="pro-list-img">
                        <p class="pro-btext">香螺茉莉</p>
                        <p class="pro-stext">本品系采摘春季肥壮的绿茶嫩芽，采用精细的加工方法制成圆球状，</p>
                    </li>

                    <li>
                        <img src="../imgs/81.jpg" alt="加载失败" class="pro-list-img">
                        <p class="pro-btext">珍珠茉莉</p>
                        <p class="pro-stext">珍珍珠茉莉花茶系采摘新鲜嫩芽，遵循古法经精心揉制而成圆球状，</p>
                    </li>

                    <li>
                        <img src="../imgs/82.jpg" alt="加载失败" class="pro-list-img">
                        <p class="pro-btext">金玉满堂</p>
                        <p class="pro-stext">金玉满堂－本品选用产于中国云南澜沧江畔海拔1000公尺以上的</p>
                    </li>

                    <li>
                        <img src="../imgs/83.jpg" alt="加载失败" class="pro-list-img">
                        <p class="pro-btext">润津</p>
                        <p class="pro-stext">润津铁观音是面向闽南地区的特色商品,因此符合闽方人饮茶的口味</p>
                    </li>
                </ul>
                <button><a href="product-list.html" target="_blank">了解更多</a></button>
            </div>
        </div>

        <div class="main-cooper">
            <div class="container">
                <h2>合作客户</h2>
                <p class="text">以建设有中国特色社会主义理论和“三个代表”重要思想为指导，坚持科学发展观，遵守国家法律法令和方针政策</p>
            </div>
            <div class="cooper-cont container">
                <ul class="clearfix">
                    <li><img src="../imgs/al.jpg" alt="加载失败"></li>
                    <li><img src="../imgs/bai.jpg" alt="加载失败"></li>
                    <li><img src="../imgs/al.jpg" alt="加载失败"></li>
                    <li><img src="../imgs/bai.jpg" alt="加载失败"></li>
                    <li><img src="../imgs/al.jpg" alt="加载失败"></li>
                    <li><img src="../imgs/bai.jpg" alt="加载失败"></li>
                    <li><img src="../imgs/al.jpg" alt="加载失败"></li>
                    <li><img src="../imgs/bai.jpg" alt="加载失败"></li>
                    <li><img src="../imgs/al.jpg" alt="加载失败"></li>
                    <li><img src="../imgs/bai.jpg" alt="加载失败"></li>
                </ul>
            </div>
        </div>

        <div class="main-query">
            <div class="query-cont container">
                <p class="query-text">产品信息快捷查询</p>
                <div class="query-search clearfix">
                    <input class="search-input" type="text" placeholder="请输入关键字">
                    <button class="search-btn"><a href="#">搜索</a></button>
                </div>
            </div>
        </div>

    </div>

    <!-- 尾部 -->
    <div class="foot">
        <div class="foot-nav">
            <div class="container">
                <ul class="clearfix">
                    <li><a href="home.html" target="_blank">网站首页</a></li>
                    <li><a href="about.html" target="_blank">关于我们</a></li>
                    <li><a href="product-list.html" target="_blank">产品中心</a></li>
                    <li><a href="news-list.html" target="_blank">新闻动态</a></li>
                    <li><a href="#">品牌简介</a></li>
                    <li><a href="cooperation.html" target="_blank">合作交流</a></li>
                </ul>
            </div>
        </div>

        <div class="foot-relation">
            <div class="relation-cont container clearfix">
                <div class="relation-us">
                    <p class="us-hl">联系我们</p>
                    <p>地址：某某市友谊路258号(百灵·尚品一号B-2-8-2)</p>
                    <p>邮编：5**0000</p>
                    <p>电话：400-***-000</p>
                    <p>联系人：精品茶叶官方宣传网站</p>
                </div>
                <div class="relation-list">
                    <ul class="clearfix">
                        <li>
                            <h3>关于我们</h3>
                            <p><a href="about.html" target="_blank">关于我们</a></p>
                            <p><a href="contact.html" target="_blank">联系我们</a></p>
                            <p><a href="culture.html" target="_blank">企业文化</a></p>
                            <p><a href="honor.html" target="_blank">荣誉资质</a></p>
                        </li>
                        <li>
                            <h3>合作交流</h3>
                            <p><a href="successful.html" target="_blank">成功案例</a></p>
                            <p><a href="cooperation.html" target="_blank">合作介绍</a></p>
                            <p><a href="information.html" target="_blank">信息发布</a></p>
                            <p><a href="dispositional.html" target="_blank">意向提交</a></p>
                        </li>
                        <li>
                            <h3>产品中心</h3>
                            <p><a href="#">乌龙茶系列</a></p>
                            <p><a href="#">花茶系列</a></p>
                            <p><a href="#">普洱系列</a></p>
                            <p><a href="#">茶食品系列</a></p>
                        </li>
                    </ul>
                </div>
                <div class="relation-erweima">
                    <img src="../imgs/erweima.png" alt="加载失败">
                    <p>微信公众号</p>
                </div>
            </div>
            <p class="foot-last">
                <span>COPYRIGHT WWW.GZ**.ORG</span>
                <span>版权所有：精品茶叶官方宣传网站</span>
                <span>ICP备案编号：黔ICP备140***33号-1</span>
            </p>
        </div>
    </div>
</body>

</html>